<template>
    <div class="main">
        <img :src="itemData.uimg" alt="">
        <div class="main_m">
            <p class="p1">{{itemData.name}}</p>
            <p class="p2">此用户非您下级</p>
        </div>
        <p class="p2">{{itemData.up}}</p>
    </div>
</template>

<script type="text/ecmascript-6">
  export default {
    name: 'searchitem',
// 成员列表查询，与本账户无关的用户信息组件
    data() {
      return {
        itemData: this.item
      };
    },
    props: {
      item: {
        type: Object
      }
    }
  };
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped>
    @import "../../assets/stylus/main.styl";
    .main {
        flex-x();
        height: vw(72px);
        background: #fff;
        padding: 0 vw(10px);
        & img {
            border-radius: 50%
        }
    }

    .p1 {
        word(16px, #000)
    }

    .p2 {
        word(13px, #666)
    }

    .main_m {
        flex-y();
        flex 1;
        align-items: flex-start;
        padding-left: 3vw;
        & .p2:last-child {
            line-height: 2
        }
    }
</style>
